<template>
  <div class="points-record">
    <p class="title">最近30天积分记录</p>
    <div class="no-record">
      <img src="~assets/img/profile/no-log.png" alt="" />
      <p class="tips-1">最近30天无积分纪录</p>
      <p class="tips-2">快去下单赚取大量积分吧</p>
    </div>
  </div>
</template>

<script>
export default {};
</script>
<style lang="less" scoped>
.points-record {
  padding: 10px;
  .title {
    font-size: 15px;
    color: #999999;
  }
  .no-record {
    margin-top: 50px;
    text-align: center;
    img {
      width: 190px;
    }
    .tips-1 {
      margin: 20px 0;
    }
    .tips-2 {
      font-size: 12px;
      color: #999999;
    }
  }
}
</style>